.upload-img{width:104px;height:104px;cursor:pointer;margin:0px 12px 12px 0px;text-align: center;position: relative;display:inline-block;float:left;}
.dragon.upload-img{z-index: 1;opacity: .8;}

.upload-img .bg{width:86px;height:86px;border-radius: 5px;margin:0px auto;border:1px solid #fff;transition: .3s;position: relative;}
.upload-img .bg img{width:100%;height:100%;}
.upload-img .bg .hover{opacity: 0;transition: .5s; position: absolute;left:0px;top:0px;background-color: rgba(0,0,0,.7);width:100%;height:100%;display: flex;align-items: center;}
.upload-img:hover .bg .hover{opacity: 1;}
.upload-img .bg .hover div{display: flex;justify-content: center;width:100%;}
.upload-img .bg .hover div .icon{color:#fff;font-size:16px;}
